.content{
    --background: #F8F8F8;
}
.back-icon{
    --icon-font-size: 2rem;
    height:2rem
  }
.customer_content{
    .cus-ul{
        list-style: none;
        padding: 0 1rem;
        .cus-li{
            display: flex;
            justify-content: flex-start;
            margin: 2rem 0;
            .li-div{
                // background: url(../../../assets/image/zxzx_tx.png);
                // background-size: 100% 100%;
                border-radius: 50%;
                width: 3rem;
                height: 3rem;
                // flex-grow: 1;
            }
            .li-div1{
                display: flex;
                flex-direction: column;
                background-color: #fff;
                width: 100%;
                margin: 0 1rem;
                border-radius: 0.6rem;
                span{
                    margin: 0.6rem 1rem;
                    color: #0088fd;
                    font-size: 1.2rem;
                }
                span:first-child{
                    color:#000
                }
            }
            p{
                background-color: #fff;
                // width: 100%;
                margin: 0 1rem;
                padding: 0.8rem;
                border-radius: 0.6rem;
                // flex-grow: 4;
                font-size: 1.2rem;
            }
        }
        .cus-li1{
            // display: flex;
            flex-direction: row-reverse;
            .cus-p{
                // text-align: right;
                color: #fff;
                background-color: #ff7c7c;
            }
        }
    }
}

.cus-bottom{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    
    .cus-inpt{
        border: 1px solid #ECECEC;
        margin-left: 0.1rem;
        // padding: 0.1rem;
        --padding-start:0.4rem
    }
    .cus-btn{
        --border-radius:0.1rem;
    }
}